<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  
</body>
<script>

  // var a = 10;
  // function fn(){
  //   var b = 20;
  //   console.log(a);
  //   console.log(b);
  // }
  // fn();
  // console.log(a);
  // console.log(b);

  // =======

  // var x = "hello"
  // function fn(){
  //   var a = 10;
  //   console.log(a);
  //   console.log(x);
  //   // console.log(b);
  // }
  // function fun(){
  //   var b = 20;
  //   // console.log(a);
  //   console.log(b);
  //   console.log(x);
  // }
  // fn();
  // fun();

  // ========

  // 作用域链
  // // var a = "hello";
  // function fn1(){
  //   // var a = 10;
  //   function fn2(){
  //     // var a = 20;
  //     function fn3(){
  //       // var a = 30;
  //       function fn4(){
  //         // var a = 40;
  //         // console.log(a);

  //         a = "hahaha";

  //         console.log("fn4的a：" + a)
  //       }
  //       fn4();
  //       console.log("fn3的a：" + a)
  //     }
  //     fn3();
  //     console.log("fn2的a：" + a)
  //   }
  //   fn2();
  //   console.log("fn1的a：" + a)
  // }
  // fn1();
  // console.log("全局的a：" + a)

  // =========


  ;(function(){
    var a = 10;
    function fn1(){
      console.log(a)
    }
    function fn2(){
      a = 20;
      console.log(a)
    }
    function fn3(){
      console.log(a)
    }
    fn1();
    fn2();
    fn3();
  })();


  
</script>
</html>